<template>
<h3>demo10-component03-children03.vue</h3>
<p class="zhtt-line">
  <input
      class="zhtt-input"
      :value="modelValue1"
      @input="$emit('update:modelValue1', $event.target.value)"
  >
</p>
<p class="zhtt-line">
  <input
      class="zhtt-input"
      :value="modelValue2"
      @input="$emit('update:modelValue2', $event.target.value)"
  >
</p>
</template>

<script>
export default {
  props: ['modelValue1','modelValue2'],
  emits: ['update:modelValue1','update:modelValue2']
}
</script>

<style scoped>

</style>